/*  ======================================
    主题样式
    ==================================  */

/* 首页布局样式 */
.lyear-layout-content {
    z-index: 1;
    padding-top: 0;
}

.container-fluid {
    padding: 30px;
}

/* 左侧菜单 */
.lyear-layout-sidebar {
    background-color: #ffffff;
    box-shadow: none;
    overflow: hidden;
}

.lyear-layout-sidebar.lyear-aside-open {
    box-shadow: rgba(99, 117, 255, .06) 5px 0 12px;
}

/*.lyear-layout-sidebar .sidebar-header {
    position: relative;
    height: 72px;
    padding-top: 16px;
    box-shadow: rgba(68, 96, 241, .14) 0 3px 7px;
    text-align: center;
}*/

.lyear-layout-sidebar .sidebar-header {
    position: relative;
    height: 72px;
    padding: 8px 0 0 35px;
    box-shadow: rgba(68, 96, 241, .14) 0 3px 7px;
    text-align: left;
    transition: .2s;
}

.lyear-layout-sidebar-close .lyear-aside-open .sidebar-header {
    padding-left: 0;
}

.sidebar-header img {
    width: 176px;
    max-width: inherit;
}

.user-switch {
    position: relative;
    z-index: 3;
    padding: 30px 20px;
    transition: .2s;
}

.user-switch a {
    display: block;
    width: 100%;
    height: 46px;
    border-radius: 6px;
    background-color: #4460f1;
    box-shadow: rgba(68, 96, 241, .35) 0 10px 30px;
    text-align: center;
    line-height: 46px;
    font-size: 15px;
    color: #fff;
}

.user-switch a i {
    padding-right: 6px;
    font-size: 21px;
    vertical-align: top;
    color: #91a3ff;
}

.lyear-layout-sidebar .lyear-layout-sidebar-scroll {
    height: calc(100% - 178px);
    padding: 0;
}

.sidebar-main .nav > li.nav-item {
    padding-bottom: 5px;
    white-space: nowrap;
}

.sidebar-main .nav > li.nav-item > a {
    height: 48px;
    padding: 13px 0 13px 60px;
    margin: 0;
    border-left: transparent solid 4px;
    background-color: #ffffff;
    line-height: 22px;
    font-size: 14px;
    color: #32353e;
    transition: .2s;
}

.sidebar-main .nav > li.nav-item > a > i {
    position: absolute;
    left: 26px;
    top: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #a9adbd;
    transition: left .2s;
}

.sidebar-main .nav > li.nav-item.open > a,
.sidebar-main .nav > li.nav-item > a:hover {
    background: #ffffff url("../images/nav-bg.jpg") repeat-y scroll 0 0;
}

.sidebar-main .nav .nav-item-has-subnav > a:after {
    right: 28px;
    font-size: 18px;
    line-height: 22px;
    color: #bbcbd2;
}

.sidebar-main .nav > li.active {
    z-index: 2;
}

.sidebar-main .nav > li.active.open > a,
.sidebar-main .nav > li.active > a {
    position: relative;
    z-index: 2;
    border: none;
    border-left: #4460f1 solid 4px;
    background: #ffffff url("../images/nav-bg.jpg") repeat-y scroll 0 0;
    color: #4460f1;
}

.sidebar-main .nav > li.active > a > i {
    color: #4460f1;
}

.sidebar-main .nav-drawer > li.active > a:hover,
.sidebar-main .nav-drawer > li.active > a:focus,
.sidebar-main .nav-drawer > li.active > a:active {
    background-color: #ffffff;
}

.sidebar-main .nav .nav-subnav {
    position: relative;
    padding: 10px 20px 0 34px;
    margin: 0;
    border-radius: 0;
    background-color: #fff;
    transition: background-color .2s;
}

.sidebar-main .nav .nav-subnav:before {
    position: absolute;
    left: 34px;
    top: 10px;
    bottom: 15px;
    z-index: 2;
    display: block;
    width: 0;
    border-right: #c0c7e2 dashed 1px;
    content: "";
}

.sidebar-main .nav .nav-subnav > li {
    margin-bottom: 2px;
}

.sidebar-main .nav .nav-subnav > li:last-child {
    margin-bottom: 0;
}

.sidebar-main .nav .nav-subnav > li > a {
    height: 42px;
    padding: 10px 0 10px 30px;
    border: 0;
    line-height: 22px;
    color: #32353e;
}

.sidebar-main .nav .nav-subnav > li > a:hover,
.sidebar-main .nav .nav-subnav > li.active > a {
    position: relative;
    border: none;
    background: none;
    color: #6375ff;
}

.sidebar-main .nav .nav-subnav > li.active > a:after {
    position: absolute;
    left: -7px;
    top: 50%;
    display: block;
    width: 16px;
    height: 16px;
    border: #ffffff solid 4px;
    margin-top: -8px;
    border-radius: 10px;
    background-color: #6375ff;
    content: "";
}

.lyear-layout-sidebar .sidebar-footer {
    width: auto;
    height: 48px;
    margin: 10px 20px;
}

/* 页头样式 */
.main .mt-wrapper:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 72px;
    background-color: #fff;
    box-shadow: rgba(68, 96, 241, .06) 0 3px 7px;
    content: "";
}

.main > .lyear-aside-toggler {
    position: absolute;
    top: 18px;
    z-index: 10;
    width: 48px;
    height: 36px;
    padding: 7px 0 7px 22px;
    background-color: #fff;
    border-radius: 4px;
    transition: .2s;
}

.main > .lyear-aside-toggler:hover {
    background-color: #f2f6f9;
}


.lyear-aside-toggler .lyear-toggler-bar {
    width: 18px;
    background-color: #cad7ed;
}

.main > .lyear-aside-toggler i {
    position: absolute;
    left: 4px;
    top: 0;
    line-height: 36px;
    font-size: 16px;
    color: #cad7ed;
}

/* 顶部tab标签页 */
.lyear-layout-content .mt-nav-bar {
    left: 70px;
    right: 240px;
    width: auto;
    height: 72px;
}

.mt-nav-bar .mt-nav {
    margin: 0;
    background: none;
}

.mt-nav-bar .mt-nav-tools-left {
    margin: 17px 10px 0 0;
}

.mt-nav-bar .mt-nav-tools-right {
    margin: 17px 0 0 10px;
}

.mt-nav-bar .mt-nav .nav-tabs {
    border: none;
}

.mt-nav-bar .nav-tabs > li {
    margin-bottom: 0;
}

.mt-nav-bar .mt-nav-tools-left .nav-tabs > li > a,
.mt-nav-bar .mt-nav-tools-right .nav-tabs > li > a {
    width: 38px;
    height: 38px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    color: #cad7ed;
    line-height: 38px;
    text-align: center;
}

.mt-nav-bar .mt-nav-tools-left i,
.mt-nav-bar .mt-nav-tools-right i {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 22px;
}

.mt-nav-bar li.mt-move-right {
    margin-right: 10px;
}

.mt-nav-bar .mt-nav-tools-left .nav-tabs > li > a:hover,
.mt-nav-bar .mt-nav-tools-right .nav-tabs > li > a:hover {
    background-color: #f2f6f9;
}

.mt-nav-bar .mt-nav-tools-left a:hover i,
.mt-nav-bar .mt-nav-tools-left a:active i,
.mt-nav-bar .mt-nav-tools-right a:hover i,
.mt-nav-bar .mt-nav-tools-right a:active i {
    color: #6375ff;
}

.mt-nav-panel .nav-tabs li {
    margin-right: 10px;
}

.mt-nav-panel .nav-tabs a {
    min-width: 80px;
    height: 72px;
    padding: 0 10px;
    border: 0;
    border-bottom: #fff solid 2px;
    background-color: #fff;
    line-height: 72px;
    font-size: 14px;
    color: #a5b0c2;
    text-align: center;
    cursor: pointer !important;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: none;
    border-bottom: #4460f1 solid 2px;
    color: #617087;
}

.mt-nav-panel .nav-tabs a:not([data-type="main"]) {
    padding-right: 26px;
}

.nav-tabs.nav > li:hover > a,
.nav-tabs.nav > li > a:hover,
.nav-tabs.nav > li > a:focus {
    border-bottom-color: #fff;
    color: #6375ff;
}

.mt-nav-panel .nav-tabs li.active:hover a,
.mt-nav-panel .nav-tabs li.active a:hover,
.mt-nav-panel .nav-tabs li.active a:focus {
    border-bottom-color: #4460f1;
    color: #6375ff;
}

.mt-nav-panel .nav-tabs li i {
    right: 4px;
    top: 27px;
    z-index: 3;
    width: 18px;
    height: 18px;
    border-radius: 10px;
    background-color: #e5e8ef;
    box-shadow: rgb(255 255 255) 0 0 0;
    line-height: 18px;
    font-size: 15px;
    color: #fff;
}

.mt-nav-panel .nav-tabs li i:hover {
    display: block;
    background-color: #ff4239;
    box-shadow: rgb(255 255 255) -10px 0 12px 6px;
    color: #fff;
    opacity: 1;
}

/* 下拉菜单 */
.dropdown-menu,
.mt-dropdown .dropdown-menu {
    padding: 12px 0;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, .1) 0 5px 20px;
}

.dropdown-menu > li > a,
.mt-dropdown .dropdown-menu > li > a {
    position: relative;
    padding: 0 20px;
    line-height: 36px;
}

.dropdown-menu > li > a:before,
.mt-dropdown .dropdown-menu li a:before {
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 10px;
    height: 2px;
    margin-top: -1px;
    background-color: #ffffff;
    content: "";
    transition: background-color .2s;
}

.dropdown-menu > li > a:hover:before,
.mt-dropdown .dropdown-menu li a:hover:before {
    background-color: #6375ff;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
    background-color: #f9fafb;
    color: #6375ff;
}

.dropdown-menu > .active > a:before {
    background-color: #6375ff;
}

/* 日期控件 */
.datepicker-dropdown {
    padding: 12px;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 34px;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    border-color: #6878f7;
    background-color: #6878f7;
}

.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    border-color: #6878f7;
    background-color: #6878f7;
}


.header-action {
    position: absolute;
    right: 0;
    z-index: 3;
    width: 240px;
    padding-top: 17px;
}

.header-action .topbar-right {
    padding: 0 30px;
    margin: 0;
    list-style: none;
}

.header-action .topbar-right > li {
    width: 132px;
}

.header-action .topbar-right > li:first-child {
    width: 38px;
    margin-right: 10px;
}

.header-action .topbar-right > li > a {
    width: 100%;
    height: 38px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background-color: #fff;
    line-height: 38px;
    text-align: center;
    color: #6375ff;
}

.header-action .topbar-right > li > a:hover {
    background-color: #f2f6f9;
}

.header-action ul .dropdown-notice i {
    font-size: 24px;
}

.header-action ul .dropdown-notice span {
    position: absolute;
    left: 16px;
    top: 8px;
    display: block;
    min-width: 16px;
    height: 16px;
    padding: 0 6px;
    border-radius: 10px;
    background-color: #ffae31;
    box-shadow: rgba(255, 174, 49, .8) 0 2px 5px;
    line-height: 16px;
    font-size: 12px;
    transform: scale(.6);
}

.header-action .dropdown-notice li a {
    max-width: 420px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.header-action .dropdown-notice li:first-child {
    height: 34px;
    padding: 0 20px 12px;
    margin-bottom: 10px;
    line-height: 24px;
    box-shadow: rgba(0, 0, 0, .06) 0 3px 7px;
    white-space: nowrap;
}

.header-action .topbar-right > li.dropdown-profile > a {
    text-align: left;
    overflow: hidden;
}

.header-action .dropdown-profile > a i.mdi-account-outline {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 3px 8px 3px 8px;
    line-height: 32px;
    text-align: center;
    font-size: 24px;
    vertical-align: top;
    float: left;
}

.header-action .dropdown-profile > a span {
    display: block;
    max-width: 4em;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #595a61;
    overflow: hidden;
}

.header-action .dropdown-profile i.mdi-chevron-down {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 16px;
    color: #bbcbd2;
}

.mt-tab-content.drop-mask:before {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
}

/* 主体公用样式 */
.card {
    margin-bottom: 24px;
    border-radius: 12px;
    background-color: #fff;
}

.card .card-header {
    min-height: 70px;
    padding: 20px 24px 10px;
    border: 0;
    line-height: 36px;
}

.card-header .h4,
.card-header h4 {
    font-size: 16px;
    color: #283d68;
    font-weight: 600;
    line-height: inherit;
    white-space: nowrap;
}

.card-header .h4 em,
.card-header h4 em {
    padding-left: 10px;
    font-size: 12px;
    color: #9faec6;
    font-weight: normal;
}

.card-header .card-actions {
    /*max-width: 60%;*/
}

.card-actions a.more {
    margin-right: 0;
    font-size: 20px;
    color: #d9e3ed;
}

.card-actions a.more:hover {
    color: #6375ff;
}

.card-actions input[type="text"],
.card-actions button,
.card-actions select {
    height: 36px;
    outline: none;
}

.card-actions input,
.card-actions select {
    height: 36px;
    padding: 10px 16px;
    border: #d2d8de solid 1px;
    box-shadow: rgba(0, 90, 255, 0) 0 0 0 3px;
    border-radius: 4px;
    font-size: 13px;
    transition: .2s;
}

.card-actions input::placeholder {
    color: #bbc1ce;
}

.card-actions input:hover,
.card-actions select:hover {
    border-color: #b6bec6;
    box-shadow: rgba(0, 90, 255, .06) 0 0 0 3px;
}

.card-actions input:focus,
.card-actions select:focus {
    border-color: #6375ff;
    box-shadow: rgba(0, 90, 255, .1) 0 0 0 3px;
}

.card-actions select {
    min-width: 120px;
    padding: 0 30px 0 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../images/select-arrow.jpg") no-repeat right center;
}

.card-actions select::-ms-expand {
    display: none;
}

.card-actions .search {
    position: relative;
}


.card-actions .search input {
    position: relative;
    width: 86px;
    color: #333;
    transition: .2s;
    float: right;
}

.card-actions .search.active input {
    width: 230px;
}

.card-actions .search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 86px;
    height: 36px;
    padding: 0 18px 0 40px;
    border: none;
    border-radius: 4px;
    background-color: #6375ff;
    box-shadow: rgba(99, 117, 255, .35) 0 3px 7px;
    color: #fff;
    transition: .2s;
}

.card-actions .search.active button {
    border-radius: 0 4px 4px 0;
}

.card-actions .search button i {
    position: absolute;
    left: 12px;
    top: 10px;
    display: inline-block;
    width: 20px;
    height: 18px;
    border-radius: 10px;
    font-size: 24px;
    overflow: hidden;
}

/*.card-actions .search button {
    position: absolute;
    right: 3px;
    top: 3px;
    display: block;
    width: 30px;
    height: 30px;
    padding: 0;
    border: transparent solid 4px;
    border-radius: 20px;
    background: none;
    line-height: 24px;
    font-size: 30px;
    color: #bbcbd2;
    text-indent: -1px;
    overflow: hidden;
    transition: .2s;
}

.card-actions .search button:hover {
    color: #6375ff;
}

.card-actions .search button:active,
.card-actions .search button:focus {
    border-color: transparent!important;
}*/

.card-actions button.btn-add {
    position: relative;
    height: 36px;
    padding: 0 18px 0 40px;
    border: 0;
    border-radius: 4px;
    background-color: #9cd499;
    box-shadow: rgba(156, 212, 153, .5) 0 3px 7px;
    font-size: 14px;
    color: #fff;
    vertical-align: top;
}

.card-actions button.btn-add:before {
    position: absolute;
    left: 16px;
    top: 16px;
    display: block;
    width: 14px;
    height: 4px;
    background-color: #ffffff;
    content: "";
}

.card-actions button.btn-add:after {
    position: absolute;
    left: 21px;
    top: 11px;
    display: block;
    width: 4px;
    height: 14px;
    background-color: #d9ebd6;
    content: "";
}

.card-actions button.btn-add:hover {
    background-color: #a6dfa3;
}

.card-actions button.btn-trask {
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    background-color: #fea725;
    border-radius: 20px;
    color: #fff;
    font-size: 19px;
    line-height: 36px;
}

.card-actions button {
    line-height: 18px;
}

.card-actions button > span.mdi {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-right: 6px;
    font-size: 17px;
    vertical-align: top;
}

.card-actions button.btn-info {
    box-shadow: rgba(72, 176, 247, .4) 0 3px 7px;
}

.card-actions button.btn-warning {
    box-shadow: rgba(250, 166, 75, .4) 0 3px 7px;
}

.card-actions button.btn-danger {
    box-shadow: rgba(249, 104, 104, .4) 0 3px 7px;
}

.table-noborder > thead > tr > th {
    height: 42px;
    padding: 0;
    border-bottom: 0;
    background-color: #f4f7f9;
    color: #7e8e99;
    font-size: 13px;
    font-weight: normal;
}

.table-noborder > tbody > tr > td:first-child,
.table-noborder > thead > tr > th:first-child {
    border-radius: 8px 0 0 8px;
}

.table-noborder > tbody > tr > td:last-child,
.table-noborder > thead > tr > th:last-child {
    border-radius: 0 8px 8px 0;
}

.table-noborder > tbody > tr > td:first-child,
.bootstrap-table .fixed-table-container .table-noborder thead tr th:first-child .th-inner {
    padding-left: 20px;
}

.table-noborder > tbody > tr > td:last-child,
.bootstrap-table .fixed-table-container .table-noborder thead tr th:last-child .th-inner {
    padding-right: 20px;
}

.bootstrap-table .fixed-table-container .table thead th {
    vertical-align: middle;
}

.table-noborder > tbody > tr > td {
    height: 50px;
    border: 0;
}

.table-noborder > tbody > tr:nth-child(even) > td {
    background-color: #f9fbfc;
}

.table-noborder > tbody > tr:hover {
    background: none;
}

.table-noborder > tbody > tr:hover > td {
    background-color: #fff6e7;
}

.table td .lyear-switch {
    vertical-align: middle;
}

.fixed-table-pagination {
    border-top: #edf1f5 solid 1px;
}

.table-noborder td .add-btn,
.table-noborder td .show-btn,
.table-noborder td .del-btn {
    width: 26px;
    height: 26px;
    padding: 0;
    border: none;
    border-radius: 20px;
    background-color: #d1dee3;
    line-height: 26px;
    font-size: 16px;
    color: #fff;
}

.table-noborder td .add-btn:hover {
    background-color: #afcfa9;
}

.table-noborder td .show-btn:hover {
    background-color: #6375ff;
}

.table-noborder td .del-btn:hover {
    background-color: #ff6753;
}

.table-noborder a {
    color: #6375ff;
}

.table-noborder a:hover {
    text-decoration: underline;
}

.lyear-switch span {
    border: 0;
    border-radius: 20px;
}

.lyear-switch span:after {
    width: 22px;
    height: 22px;
    border-radius: 20px;
    box-shadow: rgba(187, 203, 210, .5) 0 3px 7px;
}

.lyear-switch.switch-solid span,
.lyear-switch.switch-light span,
.lyear-switch.switch-outline span {
    height: 26px;
}

.lyear-switch.switch-solid span:after,
.lyear-switch.switch-light span:after,
.lyear-switch.switch-outline span:after {
    left: 2px;
    top: 2px;
}

.lyear-switch input:checked ~ span:after {
    left: -webkit-calc(100% - 24px);
    left: calc(100% - 24px);
}

.pagination > li > a,
.pagination > li > span,
.pagination > li:first-child a,
.pagination > li:first-child span,
.pagination > li:last-child a,
.pagination > li:last-child span {
    min-width: 32px;
    height: 32px;
    margin: 0 3px;
    border: none;
    border-radius: 4px;
    background-color: #f2f5f7;
    font-size: 13px;
    color: #596173;
}

.pagination > li:last-child a {
    margin-right: 0;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #6375ff;
    color: #ffffff;
}

.pagination > li > a:hover,
.pagination > li > a:focus .pagination > li > span:hover,
.pagination > li > span:focus {
    background-color: #6375ff;
    color: #ffffff;
}

.bootstrap-table .fixed-table-pagination > .pagination ul.pagination a {
    line-height: 20px;
}

.pagination > li:first-child a,
.pagination > li:first-child span,
.pagination > li:last-child a,
.pagination > li:last-child span {
    font-size: 26px;
    line-height: 14px !important;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail,
.bootstrap-table .fixed-table-pagination > .pagination {
    margin: 14px 0 0;
    font-size: 13px;
    color: #75787e;
    line-height: 32px;
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
    display: inline-block;
    height: 32px;
    padding-right: 16px;
    /*border-radius: 20px;*/
    /*background-color: #f2f5f7;*/
}

.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
    padding: 0 6px;
    vertical-align: top;
}

.pagination-detail .btn-group button {
    height: 32px;
    padding: 0 16px;
    border-radius: 20px;
}

.pagination-detail .btn-group button .caret {
    margin: -2px 0 0 4px;
}

.card-tabs {
    height: 36px;
    padding: 0;
    margin: 0;
    border: #d2d8de solid 1px;
    border-radius: 20px;
    list-style: none;
}

.card-tabs li {
    margin: -1px 0 0 -1px;
    float: left;
}

.card-tabs li:last-child {
    margin: -1px -1px 0 0;
}

.card-tabs li a {
    display: block;
    min-width: 64px;
    height: 36px;
    padding: 0 16px;
    border-radius: 20px;
    background-color: transparent;
    line-height: 36px;
    font-size: 13px;
    color: #8e969d;
}

.card-tabs li a.active,
.card-tabs li a:active {
    background-color: #6375ff;
    box-shadow: rgba(99, 117, 255, .35) 0 3px 7px;
    color: #ffffff;
}

/* 模态框通用样式 */
.modal-backdrop,
.modal-backdrop.in,
.jconfirm.jconfirm-white .jconfirm-bg,
.jconfirm.jconfirm-light .jconfirm-bg {
    background-color: rgba(255, 255, 255, .3);
    backdrop-filter: blur(3px);
    opacity: 1;
}

.modal-blur {
    filter: blur(2px);
}

.modal-content {
    border: rgba(0, 0, 0, .06) solid 3px;
    border-radius: 12px;
    box-shadow: rgba(0, 0, 0, .08) 0 3px 7px;
}

/* 开关组件 */
.select-switch {
    display: table;
    padding: 4px;
    border-radius: 6px;
    background-color: #edf1f8;
}

.select-switch:after {
    display: table;
    height: 0;
    clear: both;
    content: "";
}

.select-switch label {
    display: table-cell;
    margin: 0;
    /*float: left;*/
    cursor: pointer;
}

.select-switch label input {
    display: none;
}

.select-switch span {
    position: relative;
    display: block;
    min-width: 80px;
    /*height: 32px;*/
    padding: 0 16px;
    border-radius: 3px;
    background-color: transparent;
    white-space: nowrap;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #0f346e;
    transition: .15s;
}

.select-switch span:before {
    position: absolute;
    left: -2px;
    top: 7px;
    bottom: 7px;
    display: block;
    width: 2px;
    background-color: #fff;
    content: "";
    transition: .3s;
}

.select-switch input:checked + span:before,
.select-switch > label:first-child span:before {
    background-color: transparent;
}

/*.select-switch span:hover {
    background-color: #f4f8fe;
}*/

.select-switch input:checked + span {
    background-color: #fff;
    box-shadow: rgba(68, 96, 241, .12) 0 3px 7px;
}

/* 左侧菜单收起样式 */
.lyear-layout-sidebar-close .user-switch {
    padding: 30px 20px;
}

/*

*/

.lyear-layout-sidebar-close .lyear-layout-sidebar:hover .user-switch i {
    padding-right: 6px;
}

.lyear-layout-sidebar-close .lyear-layout-sidebar:hover .user-switch {
    padding: 30px 20px;
}

.lyear-layout-sidebar-close .lyear-layout-sidebar:hover .user-switch span {
    display: inline-block;
}

@media (min-width: 1024px) {
    .lyear-layout-sidebar-close .lyear-aside-open .user-switch {
        padding: 30px 7px;
    }

    .lyear-layout-sidebar-close .user-switch i {
        padding-right: 0;
    }

    .lyear-layout-sidebar-close .user-switch span {
        display: none;
    }

    .lyear-layout-sidebar-close .nav-drawer > li > a {
        padding-left: 48px;
    }

    .lyear-layout-sidebar-close .nav-drawer > li.nav-item > a > i {
        left: 16px;
    }

    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer > li > a {
        width: auto;
        padding-left: 54px;
        margin: 0;
    }

    .lyear-layout-sidebar-close .lyear-layout-sidebar:hover .nav-drawer > li > a > i {
        left: 19px;
    }
}

/* 主体card标题通用样式 */

.card .card-header h1 {
    line-height: 36px;
    font-size: 18px;
    font-weight: bold;
    color: #8899bb;
    float: left;
}

.new-tabs {
    padding: 0;
    margin: 0 0 20px;
    border-bottom: #edf1f8 solid 1px;
    list-style: none;
}

.new-tabs:after {
    display: table;
    height: 0;
    clear: both;
    content: "";
}

.new-tabs li {
    position: relative;
    padding: 10px 0;
    margin-right: 40px;
    line-height: 26px;
    font-size: 14px;
    float: left;
}

.new-tabs li:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 60%;
    min-width: 2em;
    height: 3px;
    /*background: #4460f1;*/
    background: transparent;
    content: "";
    transition: .2s;
}

.new-tabs li.active:after {
    background: #4460f1;
}

.new-tabs a {
    color: #69717f;
}

.new-tabs li.active a {
    color: #4460f1;
}

.time-search {
    padding: 3px 1px 3px 3px;
    border-radius: 5px;
    background-color: #f5f7fb;
    overflow: hidden;
}

.time-search > div {
    position: relative;
    min-width: 56px;
    padding: 0 12px;
    margin-right: 2px;
    box-sizing: border-box;
    border-radius: 3px;
    background-color: transparent;
    line-height: 30px;
    font-size: 13px;
    text-align: center;
    color: #707b8d;
    float: left;
    cursor: pointer;
    transition: .2s;
}

.time-search > div:after {
    position: absolute;
    left: -2px;
    top: 6px;
    bottom: 6px;
    display: block;
    width: 2px;
    background-color: #fff;
    content: "";
}

.time-search > div.active-second + div:after,
.time-search > div.active-second:after,
.time-search > div:first-of-type:after {
    content: none;
}

.time-search > div.active-second {
    background-color: #fff;
    box-shadow: rgba(68, 96, 241, .12) 0 3px 7px;
    color: #4460f1;
}

/* table公用样式 */
.table-bordered {
    border-color: #edf1f8;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    overflow-y: hidden;
}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    height: 47px;
    padding: 8px 14px;
    border-color: #edf1f8;
    font-size: 13px;

    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bootstrap-table .fixed-table-container .table-bordered thead th {
    padding: 0 14px;
}

.bootstrap-table .fixed-table-container .table-bordered thead th .th-inner {
    padding-left: 0;
    padding-right: 0;
}

.bootstrap-table .fixed-table-container .table thead th .sortable {
    padding-right: 26px;
}


.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
    height: 44px;
    border-bottom: none;
    font-size: 13px;
    color: #8793a7;
}

.table-bordered > tbody > tr:first-child > td {
    border-top: none;
    background-image: url("../images/th-shadow.png");
    background-position: 0 0;
    background-repeat: repeat-x;
}

.table-bordered td > .btn-default {
    width: 66px;
    height: 26px;
    padding: 0;
    border: #ebedf4 solid 1px;
    margin-left: 5px;
    border-radius: 20px;
    font-size: 12px;
    color: #8b95a5;
}

.table-bordered td > .btn:first-child {
    margin-left: 0;
}

.table-bordered td .btn-default i.mdi {
    padding-right: 4px;
    color: #e2e6ed;
}

.table-bordered td .btn-default:hover {
    background: #4b74ff;
    border-color: #4b74ff;
    box-shadow: rgba(75, 116, 255, .3) 0 3px 7px;
    color: #fff;
}

.table-bordered td .btn-default:not([disabled]):not(.disabled):active {
    background: #4b74ff;
    border-color: #4b74ff;
    box-shadow: rgba(75, 116, 255, .3) 0 0 0;
    color: #fff;
}

.table-bordered td .btn-default:hover i.mdi,
.table-bordered td .btn-default:active i.mdi {
    color: #fff;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped tbody tr:nth-of-type(even) {
    background-color: #f7f9fa;
}

.table-hover > tbody > tr:hover {
    background-color: #fdf8f2;
}

.table-bordered td span.label {
    padding: .2em 1em .3em;
    margin-left: 5px;
    border-radius: 20px;
}

.table-bordered td span.label:first-child {
    margin-left: 0;
}

.table-bordered td span[class*='label-outline-'] {
    padding: .2em .6em .3em;
    border-radius: 3px;
}

.table-bordered td > .btn + .dropdown {
    margin-left: 5px;
}

.table-bordered td .dropdown {
    display: inline-block;
}

/*.table-bordered td .dropdown.open:after {
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    width: 100%;
    height: 10px;
    content: "";
}*/

.table-bordered td .dropdown > .btn-link {
    height: 26px;
    padding: 0;
    line-height: 24px;
    width: 20px;
}

.table-bordered td .dropdown > .btn-default {
    width: 66px;
    height: 26px;
    padding: 0;
    border: #ebedf4 solid 1px;
    margin-left: 0;
    border-radius: 20px;
    font-size: 12px;
}

.table-bordered td .dropdown > .btn i.mdi-dots-vertical {
    font-size: 18px;
    line-height: 24px;
}

.table-bordered td .dropdown-menu {
    position: fixed;
    /*position: relative;
    left: auto;*/
    top: auto;
    min-width: 100px;
    padding: 8px 0;
    margin-top: 5px;
}

.table-bordered td .dropdown > .btn-link + .dropdown-menu {
    margin-left: -80px;
}

.bootstrap-table .fixed-table-container .table thead th .both {
    position: relative;
    background: none;
}

.bootstrap-table .fixed-table-container .table thead th .both:before,
.bootstrap-table .fixed-table-container .table thead th .both:after {
    position: absolute;
    right: 5px;
    display: block;
    width: 0;
    height: 0;
    border: transparent solid 5px;
    border-left-width: 4px;
    border-right-width: 4px;
    content: "";
}

.bootstrap-table .fixed-table-container .table thead th .both:before {
    top: 8px;
    border-bottom-color: #e6e6e6;
}

.bootstrap-table .fixed-table-container .table thead th .both:after {
    bottom: 8px;
    border-top-color: #e6e6e6;
}

.bootstrap-table .fixed-table-container .table thead th .asc:before {
    border-bottom-color: #6b7cff;
}

.bootstrap-table .fixed-table-container .table thead th .desc:after {
    border-top-color: #6b7cff;
}

.bootstrap-table .fixed-table-container .table thead th .asc:after {
    border-top-color: #ebedf7;
}

.bootstrap-table .fixed-table-container .table thead th .desc:before {
    border-bottom-color: #ebedf7;
}

.bootstrap-table .fixed-table-container {
    overflow: hidden;
}

.fixed-columns,
.fixed-columns-right {
    z-index: 10;
    box-shadow: rgba(0, 0, 0, .05) 0 0 10px;
}


/* card卡片相关 */

.card .content-action {
    margin-bottom: 16px;
}

.card .content-action button.btn {
    height: 36px;
    margin-left: 12px;
    line-height: 18px;
    float: left;
}

.card .filter-content {
    border-top: #4460f1 solid 2px;
}

.card .filter-content > .row {
    padding: 10px 0 16px;
}

.card .filter-content .form-group {
    height: 72px;
    margin-bottom: 6px;
}

.card .filter-content .form-group > label {
    padding-left: 4px;
    margin: 0;
    line-height: 36px;
    font-size: 13px;
    color: #707b8d;
}

.card .filter-content input,
.card .filter-content select {
    height: 36px;
    border-radius: 4px;
    /*border-color: #e9eef5;*/
    font-size: 13px;
}

.card .filter-content input:focus,
.card .filter-content select:focus {
    border-color: #4460f1;
    box-shadow: #ebeeff 0 0 0 2px;
}

.card .filter-content button {
    min-width: 80px;
    height: 36px;
    line-height: 18px;
    font-size: 13px;
}

.filter-content .select-switch {
    width: 100%;
    height: 30px;
    padding: 3px;
    border-radius: 5px;
    background-color: #f5f7fb;
}

.filter-content .select-switch span {
    min-width: auto;
    line-height: 30px;
    font-size: 13px;
}

.filter-content .custom-group .bootstrap-select .dropdown-toggle {
    min-width: auto;
    border-radius: 2px 0 0 2px;
}

.filter-content .custom-group {
    position: relative;
    padding-right: 80px;
}

.filter-content .custom-group .custom-box {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    height: 36px;
    border: #ebebeb solid 1px;
    border-left: none;
}

.custom-group .custom-box .unit,
.custom-group .custom-box .box {
    display: none;
}

.filter-content .custom-group.custom-active {
    padding: 0 0 0 34px;
}

.filter-content .custom-group.custom-active .bootstrap-select {
    position: absolute;
    left: 0;
    top: 0;
    width: 34px;
}

.filter-content .custom-group.custom-active .custom-box {
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    height: 36px;
    border: #ebebeb solid 1px;
    border-left: none;
}

.filter-content .custom-group.custom-active .custom-box .unit,
.filter-content .custom-group.custom-active .custom-box .box {
    display: block;
}


.filter-content .form-group > label + .row > div + div {
    padding-left: 0;
}

.filter-content .custom-box {
    position: relative;
    width: 100%;
}

.filter-content .custom-box label.lyear-checkbox {
    position: absolute;
    left: 10px;
    top: 8px;
    padding-left: 24px;
    padding-right: 0;
    font-size: 12px;
}

.filter-content .custom-box label.lyear-checkbox span::before {
    top: 1px;
    width: 16px;
    height: 16px;
}

.filter-content .custom-box label.lyear-checkbox span::after {
    left: 6px;
}

.filter-content .custom-box > .unit {
    position: absolute;
    right: 0;
    top: 0;
}

.filter-content .custom-box .box {
    position: relative;
    height: 34px;
}

.filter-content .custom-box .box:before {
    position: absolute;
    left: 48%;
    top: 16px;
    display: block;
    width: 4%;
    height: 2px;
    background: #d5d9df;
    content: "";
}

.filter-content .custom-box .box input {
    position: absolute;
    left: 2%;
    top: 5px;
    width: 45%;
    height: 24px;
    border: 0;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #f5f5f5;
    outline: none;
}

.filter-content .custom-box .box input:focus {
    background-color: #fff;
}

.filter-content .custom-box .box input + input {
    left: auto;
    right: 2%;
}

.filter-content .custom-box .unit {
    width: 34px;
    height: 34px;
    border-left: #ebebeb solid 1px;
    border-radius: 0 2px 2px 0;
    background: #fcfdfe;
    line-height: 34px;
    text-align: center;
    font-size: 13px;
    color: #a7a2a2;
}

.filter-content .custom-box .unit + .box {
    margin-right: 38px;
    border-radius: 2px 0 0 2px;
}

.filter-content .custom-box label.lyear-checkbox + .box,
.filter-content .custom-box label.lyear-checkbox + .unit + .box {
    margin-left: 74px;
}

.min-search {
    position: relative;
    width: 260px;
    padding-right: 80px;
}

.min-search input {
    width: 100%;
    height: 36px;
    border-radius: 2px 0 0 2px;
}

.min-search button {
    position: absolute;
    right: 0;
    top: 0;
    width: 80px;
    margin: 0;
    border-radius: 0 2px 2px 0;
}

/* 地区*行业*热门 筛选 */
.selector-box {
    padding: 4px 24px;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #f6f7fd;
}

.selector-box dl {
    position: relative;
    padding: 5px 0 5px 50px;
    margin: 0;
    border-bottom: #eff0f5 solid 1px;
    font-size: 13px;
    overflow: hidden;
}

.selector-box dl:last-child {
    border-bottom: none;
}

.selector-box dt {
    position: absolute;
    left: 0;
    top: 9px;
    line-height: 26px;
    font-weight: normal;
    color: #b1b6d0;
}

.selector-box dd {
    padding: 4px 12px 4px 0;
    line-height: 26px;
    float: left;
}

.selector-box dd a {
    display: block;
    padding: 0 10px;
    border-radius: 2px;
    background-color: transparent;
    color: #8b8fa3;
    transition: .2s;
}

.selector-box dd a:hover {
    background-color: #fff;
}

.selector-box dd a.active,
.selector-box dd a:active {
    background-color: #eef1fe;
    color: #4460f1;
}


@media (min-width: 1200px) {
    .card .filter-content .btn-box {
        height: auto;
    }

    .card .filter-content .btn-box > label {
        display: block;
        line-height: 12px;
    }
}

@media (max-width: 992px) {
    .card .filter-content .btn-box {
        height: auto;
    }

    .card .filter-content .btn-box > label {
        display: block;
        line-height: 12px;
    }
}


/* 通用表单样式 */

textarea.form-control,
textarea {
    padding: 8px 12px;
}

.form-content > .bootstrap-select > button.bs-placeholder,
input.form-control::placeholder,
input::placeholder,
textarea::placeholder,
textarea.form-control::placeholder {
    color: #8d98a9;
    /*font-size: 13px;*/
}

.label-required:after {
    display: inline-block;
    padding-left: 8px;
    line-height: normal;
    font-size: 14px;
    font-family: 黑体, sans-serif;
    color: #ff1d1d;
    vertical-align: middle;
    content: "*";
}

.form-well {
    padding: 30px 30px 6px;
    border-color: #edf1f8;
    border-radius: 12px;
    background-color: #fdfeff;
}

.form-well h2 {
    padding: 0 4px;
    margin-top: -13px;
    margin-bottom: 16px;
    line-height: 26px;
    font-size: 14px;
    color: #707b8d;
    font-weight: bold;
}

.form-well h3 {
    height: 36px;
    padding: 0 14px;
    margin: 0 -10px 20px;
    border-radius: 4px;
    background-color: #f0f4f8;
    line-height: 36px;
    font-size: 13px;
    color: #707b8d;
}

.form-well .row {
    max-width: 1200px;
}

.form-well .control-label {
    padding: 0 4px;
    line-height: 26px;
    font-size: 13px;
    color: #657082;
}

.form-well .form-content {
    position: relative;
    min-height: 38px;
    margin-bottom: 24px;
}

.form-well .form-content:before,
.form-well .form-content:after {
    display: table;
    height: 0;
    clear: both;
    content: "";
}

.form-well .form-content > .lyear-radio,
.form-well .form-content > .lyear-checkbox {
    margin-right: 10px;
}

.form-content .bootstrap-select > button {
    border-color: #d8dae7;
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 0 rgba(107, 124, 255, .1);
    box-shadow: 0 0 0 0 rgba(107, 124, 255, .1);
    color: #14263c;
}

.form-content .bootstrap-select.open > button {
    border-color: #6b7cff;
    -webkit-box-shadow: 0 0 0 2px rgba(107, 124, 255, .1);
    box-shadow: 0 0 0 2px rgba(107, 124, 255, .1);
    outline: none;
}

.form-content .bootstrap-select.open > button:hover {
    border-color: #6b7cff;
    background-color: #fff;
}

.form-content > .bootstrap-select:not([class="form-control"]) {
    margin-right: 5%;
    float: left;
}

.form-content > .bootstrap-select:not([class="form-control"]):last-child {
    margin-right: 0;
}


.form-content.content-2 > .bootstrap-select:not([class="form-control"]) {
    width: 47.5%;
}

.form-content.content-3 > .bootstrap-select:not([class="form-control"]) {
    width: 30%;
}

.form-well .input-group-addon .lyear-checkbox {
    padding-left: 24px;
    padding-right: 2px;
}

.form-well .input-group-addon .lyear-checkbox span {
    font-size: 12px;
    color: #707b8d;
}

.input-group-addon .lyear-checkbox span:before,
.input-group-addon .lyear-radio span:before {
    top: 2px;
    width: 16px;
    height: 16px;
}

.input-group-addon .lyear-checkbox span:after,
.input-group-addon .lyear-radio span:after {
    left: 6px;
}

.input-group-btn button {
    border-color: #d8dae7;
}

.tags-box {
    height: auto;
    min-height: 38px;
    padding: 5px 5px 0;
}

.tags-box .words-split-add {
    position: relative;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.tags-box .lbl-input {
    display: inline-block;
    min-width: 100px;
    height: 26px;
    padding: 0 6px;
    margin-bottom: 5px;
    min-height: 26px;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    line-height: 24px;
    text-indent: 0;
    color: #657082;
    vertical-align: middle;
}


.tags-box .words-split a.fm-button {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 8px;
    margin: 0 5px 5px 0;
    border-radius: 3px;
    background: #4460f1;
    height: 26px;
    line-height: 26px;
    color: #fff;
    vertical-align: top;
    overflow: hidden;
}

.tags-box .words-split a.fm-button em {
    position: absolute;
    right: 0;
    top: 0;
    display: none;
    width: 16px;
    height: 100%;
    background: #2f4ad4;
    opacity: 0;
    transition: .2s;
}

.tags-box .words-split a.fm-button em:after {
    position: absolute;
    left: 4px;
    top: 12px;
    display: block;
    width: 8px;
    height: 2px;
    background-color: #fff;
    content: "";
}

.tags-box .words-split a.fm-button:hover em {
    display: block;
    opacity: 1;
}

a.words-split-add {
    display: inline-block;
    font: bold 20px 'Microsoft Yahei';
    color: #2cac93
}

.form-well + .form-actions {
    padding: 8px 0 16px;
    font-size: 0;
}

.form-well + .form-actions:after {
    display: table;
    height: 0;
    clear: both;
    content: "";
}

.form-well + .form-actions button {
    min-width: 90px;
    margin-right: 16px;
    font-size: 14px;
}

.form-well + .form-actions.text-right button {
    margin-right: 0;
    margin-left: 16px;
}

/* 屏蔽文本编辑器版权提醒 */
/*
a[href="https://froala.com/wysiwyg-editor"],
a[href="https://www.froala.com/wysiwyg-editor?k=u"] {
    display: none !important;
    position: absolute;
    top: -99999999px;
}

.fr-wrapper > div:first-child {
    display: none;
}

.fr-wrapper > div.fr-element {
    display: block;
}
*/


/* 表格拖动列样式 */
.JColResizer {
    table-layout: fixed;
}

.JColResizer th.ellipsis,
.JColResizer th.ellipsis .th-inner,
.JColResizer td.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.JCLRgrips {
    position: relative;
    height: 0px;
}

.JCLRgrip {
    position: absolute;
    z-index: 5;
    margin-left: -3px;
}

.JCLRgrip .JColResizer {
    position: absolute;
    filter: alpha(opacity=0);
    opacity: 0;
    width: 3px;
    height: 100%;
    cursor: e-resize;
    top: 0px
}

.JCLRgrip.dragging .JColResizer {
    filter: alpha(opacity=100);
    opacity: 1;
}

.JCLRgrip.dragging .JColResizer:before {
    display: block;
    width: 2px;
    height: 100%;
    border-right: #6375ff dotted 1px;
    content: "";
}

.JCLRLastGrip {
    position: absolute;
    margin-left: -4px;
}

.JCLRLastGrip.dragging .JColResizer:before {
    width: 3px;
}

.JCLRgrip.JCLRdisabledGrip .JColResizer {
    cursor: default;
    display: none;
}

.grip {
    position: relative;
    /*width: 7px;
    height: 10px;
    margin-left: -2px;
    border-left: #cfd6e2 dotted 1px;
    border-right: #cfd6e2 dotted 1px;*/
}

.grip:before {
    position: absolute;
    left: -7px;
    top: 2px;
    display: block;
    width: 6px;
    height: 6px;
    border-top: #cfd6e2 solid 2px;
    border-right: #cfd6e2 solid 2px;
    content: "";
}

.grip:after {
    position: absolute;
    right: -10px;
    top: 2px;
    display: block;
    width: 6px;
    height: 6px;
    border-top: #cfd6e2 solid 2px;
    border-left: #cfd6e2 solid 2px;
    content: "";
}

.JCLRLastGrip .grip:after {
    content: none;
}

.dragging .grip:before,
.dragging .grip:after {
    border-color: #6375ff;
}

/* 标签插件公用样式 */
.bootstrap-tagsinput {
    height: 90px;
    padding: 6px 10px;
    border: #ebebeb solid 1px;
    border-radius: 2px;
    font-size: 0;
    overflow: hidden;
    overflow-y: auto;
}

.bootstrap-tagsinput > span {
    display: inline-block;
    margin: 0 6px 6px 0;
    font-size: 14px;
}

.bootstrap-tagsinput span[data-role="remove"] {
    display: inline-block;
    margin-left: 6px;
    vertical-align: 1px;
    font-size: 12px;
    font-family: 宋体, sans-serif;
    cursor: pointer;
}

.bootstrap-tagsinput span[data-role="remove"]:hover {
    color: #fbff09;
}

.bootstrap-tagsinput span[data-role="remove"]:before {
    content: "×";
}

.card {
    padding: 24px 24px;
}

.bootstrap-tagsinput input {
    display: inline-block;
    border: 0;
    outline: none;
    font-size: 14px;
}

.table-style {
    padding: 0px 24px 0px 24px;
}

.paging-device {
    padding: 0px 24px 0px 24px;
    display: flex;
    justify-content: space-between;
}

.input-search {
    text-align: right;
    position: relative;
    right: 102px;
    bottom: 16px;
}

.input-search input {
    width: 182px;
    height: 36px;
    border: 1px solid #ccc;
    font-size: 14px;
    text-indent: 10px;
    margin-right: 114px;
}

.input-search input:focus {
    outline: none;
    border-color: #6b7cff;
    box-shadow: 0 0 1px #6b7cff
}

.input-search button {
    width: 80px;
    height: 36px;
    background-color: #6b7cff;
    letter-spacing: 1px;
    color: #fff;
    border: none;
    border-radius: 2px;
    position: absolute;
    right: 36px;
}

.paging-device .page-details {
    color: #75787e;
}

.input-search button:hover {
    filter: brightness(1.1);
}

.table-style table tr td {
    vertical-align: middle;
}

.buttonTwo:hover {
    opacity: 1;
    background: rgb(253, 255, 255);
    color: #1c1e2f;
}

.buttonTwo {
    width: 100px;
    height: 36px;
    border-color: #ebebeb;
    letter-spacing: 1px;
    color: rgb(34, 36, 42);
    border-radius: 2px;
    position: absolute;
    right: -78px;
    bottom: 0px;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    opacity: 0.6;
    border: 1px solid #ebebeb;
    background: rgb(252, 253, 254);
}
.content-action{
    margin-bottom: 16px;
    position: relative;
    left: 8px;
    bottom: 15px;
}
